<template>
	<view class="flex flex-direction defend">
		<image src="/static/defend.jpg" class="response block" mode="aspectFill"></image>
		<view class="bg-white flex-sub margin-bottom-sm margin-left-sm margin-right-sm radius">
			<view class="title flex justify-center">
				<view class="bg-gradual-red padding-top-xs padding-bottom-xs padding-left-sm padding-right-sm text-df margin-top-sm margin-bottom-sm radius">{{ navigator.title }}系统维护中</view>
			</view>
			<view class="margin-sm s">{{ shop.content }}</view>
		</view>
	</view>
</template>

<script>
	import { mapGetters } from 'vuex'
	export default {
		name: 'defend',
		computed: {
			...mapGetters([
				'shop',
				'navigator'
			])
		}
	}
</script>

<style lang="less">
	page {
		background-color: #f2f2f2;
		height: 100%;
		overflow: hidden;
	}
	.defend {
		height: 100%;
		overflow: hidden;
		.s {
			text-indent: 2em
		}
	}
</style>
